import { createSSRApp } from 'vue'
// 导入本地存储模块，该模块通常包含应用的状态管理配置
import pinia from './stores'

// 导入应用的根组件，通常是页面的入口点
import App from './App.vue'

// 导出一个函数，用于创建Vue应用实例
export function createApp() {
  // 使用createSSRApp工厂函数创建一个服务端渲染的Vue应用实例
  // 将根组件App传递给该函数以指定应用的起点
  const app = createSSRApp(App)

  // 使用.use()方法安装pinia，这是一个集中状态管理工具，类似于Vuex
  // 它为应用提供了一种在组件之间共享状态的方法
  app.use(pinia)

  // 函数返回一个对象，包含创建的app实例
  // 这样做是为了方便其他模块导入和使用该应用实例
  return {
    app,
  }
}